<!DOCTYPE HTML>
<html>
    <head>
        <title>超链接</title>
        <meta charset='utf-8'>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <body>

        <div class='title'>a介绍</div>
            <div style="text-indent:10px">文字描述：超链接<br/> </div>
        <div >功能</div>
                <div class='title'> 1：页面跳转</div>
        <div style="text-indent:10px">  属性:</div>
            <div style="text-indent:10px">1.href（制定链接的地址）
                <div>示例</div>
                <div class= 'code'>
                <pre>(&lt;a <span class='red'> href </span>= 'http://www.baidu.com/'&gt; 百度 &lt;a/&gt;)</pre></div><br/>
                <div>效果</div>
        <div class='result'><a href ='http://www.baidu.com/'>百度</a></div>
            <div>2.target （制定跳转的对象)</div>
        <div>属性值</div>
                <div>   _self  指定为当前的页面来跳转 默认值</div>
        <div>示例</div>
        <div class='code'>
            <pre> （&lt;a href = 'http://www.baidu.com/' target = ' <span class='red'>_self</span> ' &gt; 百度  &lt;/a&gt;）</pre></div><br/>
                <div >效果</div>
        <div class='result'><a href ='http://www.baidu.com/' target='_self' >百度</a></div><br/>
                <div>   _blank 制定用新的页面来跳转</div>
        <div>示例</div>
        <div class="code">
            <pre> （&lt;a href = 'http://www.baidu.com/' target = ' <span class='red'> _blank</span> ' &gt; 百度  &lt;/a&gt;）</pre></div>
        <div>效果</div>
        <div  class='result' id = 'self' ><a href ='http://www.baidu.com/' target='_self' >百度</a></div><br/>
                <div>   _top   指定顶级窗口来跳转</div>
        <div>示例</div>
        <div class='code'>
            <pre>（ &lt;a href = 'http://www.baidu.com/'
                target = ' <span class='red'> _top</span> ' &gt;
                百度  &lt;/a&gt;）
            </pre></div><br/>
        <div>效果</div>
        <div class= 'result'><a href ='http://www.baidu.com/' target='_top' >百度</a></div>
                <br/>
                <div>   _parent 制定父级窗口来跳转</div>
                <div class='code'>
                <pre> （&lt;a href = 'http://www.baidu.com/' target = ' <span class='red'> _parent</span> ' &gt; 百度  &lt;/a&gt;）</pre></div>
                    <div >效果</div>
                <div class='result'><a href ='http://www.baidu.com/' target='_parent' >百度</a></div><br/>
                <div>   xxx    指定某一个窗口来跳转</div>
        <div>示例</div>
        <div class='code'>
            <pre> （&lt;a href = 'http://www.baidu.com/' target = '  <span class='red'>center </span>' &gt; 百度  &lt;/a&gt;）</pre></div><br/>
        <div>效果</div>
        <div class='result'><a href ='http://www.baidu.com/' target='_center' >百度</a></div><br/>
        <hr/>
        <div  class='title'>   2：链接资源[下载]</div>
        <div>示例</div>
        <div class = 'code'>
        <pre>
            &lt;a href = '../txt/WebStorm-2016.3.2.exe' &gt;下载&lt;/a&gt;<br/>
            &lt;a href = '../txt/a.txt' &gt;文档&lt;/a&gt;</pre></div><br/>
        <div>效果</div>
            <div class= 'result'><a href = '../txt/' >下载</a> <br/>
            <a href = '../txt/a.txt' >文档</a>
            </div>
        <hr/>
        <div  class='title'>   3：锚点</div>
       <div>示例</div>
        <div class = 'code'> <pre >
            &lt;div&gt;&lt;a href = '#self'&gt;跳到<span class='red'>_self</span>&lt;/a&gt;<br/>
            &lt;a href = '#'&gt;返回顶部&lt;/a&gt;&lt;/div&gt;
        </pre> </div>
        <br/>
        <div>效果</div>
        <div class='result'>
            <a href = '#self' >跳到_self</a><br/>
            <a href = '#' >返回顶部</a>
        </div>
    </body>
</html>